This page demonstrate the Bootstrap styling of Tables.
The .table class adds basic styling (light padding and only horizontal dividers) to a table:
Firstname | Lastname | |
---|---|---|
Henrik | Høltzer | heho@zealand.dk |
Anders | Børjesson | anbo@zealand.dk |
Per | Storgård | perl@zealand.dk |
The .table-striped class adds zebra-stripes to a table:
Firstname | Lastname | |
---|---|---|
Henrik | Høltzer | heho@zealand.dk |
Anders | Børjesson | anbo@zealand.dk |
Per | Storgård | perl@zealand.dk |
The .table-bordered class adds borders to a table
The .table-hover class enables a hover state on table rows
Firstname | Lastname | |
---|---|---|
Henrik | Høltzer | heho@zealand.dk |
Anders | Børjesson | anbo@zealand.dk |
Per | Storgård | perl@zealand.dk |
Contextual classes can be used to color table rows or table cells. The classes that can be used are: .active, .success, .info, .warning, and .danger.
Firstname | Lastname | |
---|---|---|
Henrik | Høltzer | heho@zealand.dk |
Anders | Børjesson | anbo@zealand.dk |
Per | Storgård | perl@zealand.dk |